<%-- 
    Document   : contactDetail1
    Created on : Jun 8, 2012, 12:03:36 PM
    Author     : VANANH
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/kapi.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/employee.css"/>
        <style>
            span img{
                width: 15px;
                height: 15px;
            }
            .mag_nums{
                margin-left: 7px;
                margin-right: 7px;
            }
        </style>
    </head>

    <body>
        <f:view>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <a4j:form >
                <div class="content_detail">
                    <div class="list_item_user">
                        <div class="item_content" style="display: block">
                            <div class="infomation_form"> 
                                <div class="card_add">

                                    <h:outputLink  rendered="#{l200Controller.renderAdd}" value="editJob.jsp?action=add&page=employee.jsp&pn100A=#{l200Controller.pn100}&height=300px&width=500px" styleClass="fancybox">
                                        <img src="../images/add_tab.png" alt="add" title="add" /> <h:outputText value="#{locale.job_info}"/>
                                    </h:outputLink>

                                </div>
                                <div class="item_work_content">
                                   <rich:dataTable value="#{l200Controller.listL200N}" var="item"
                                                    rendered="#{!empty l200Controller.listL200N}"
                                                    rows="50"
                                                    onRowMouseOver="this.style.backgroundColor='#DEE1E2'"
                                                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                                    style=" margin-left:10px;width:98%"
                                                    width="800" rowKeyVar="index"
                                                    id="table" >                                    

                                       <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Ngày bắt đầu" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.ld201}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>
                                            </div>
                                        </rich:column>
                                        <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Mức lương " />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.ln203}"/>
                                            </div>
                                        </rich:column>
                                        <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Tiền trách nhiệm" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.ln204}"/>
                                            </div>
                                        </rich:column>
                                        <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Tiền thâm niên" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.ln205}"/>
                                            </div>
                                        </rich:column>
                                        <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Phúc lợi" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.ln213}"/>
                                            </div>
                                        </rich:column>
                                        <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Giảm gia cảnh" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.ln206}"/>
                                            </div>
                                        </rich:column>

                                       <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Lương BHXH" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.ln207}"/>
                                            </div>
                                        </rich:column>
                                        <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Số BHXH" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.lv208}"/>
                                            </div>
                                        </rich:column>

                                        <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Thâm niên CT" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.ln209}"/>
                                            </div>
                                        </rich:column>
                                        <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="SL làm việc" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.ln210}"/>
                                            </div>
                                        </rich:column>
                                        <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Trình độ VH" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.lv211}"/>
                                            </div>
                                        </rich:column>
                                        <rich:column width="8%">
                                            <f:facet name="header">
                                                <h:outputText value="Bằng cấp" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputText value="#{item.lv212}"/>
                                            </div>
                                        </rich:column>

                                        <rich:column width="4%">
                                            <f:facet name="header">
                                                <h:outputText value="" />
                                            </f:facet>
                                            <div style="width:100%; text-align: center">
                                                <h:outputLink rendered="#{loginSession.right.EMP_INF_DEL}" value="delete.jsp?id=#{l200Controller.pn100}&flag=L200&height=150px&width=300px" styleClass="fancybox">
                                                    <img src="../images/delete_1.png" alt="delete"  title="delete" />
                                                </h:outputLink>
                                                <h:outputLink rendered="#{loginSession.right.EMP_INF_MOD}" value="editJob.jsp?action=edit&pn100E=#{l200Controller.pn100}&height=300px&width=500px" styleClass="fancybox">
                                                    <img src="../images/edit.png" alt="edit" title="edit"/>
                                                </h:outputLink>
                                            </div>
                                        </rich:column>
                                    </rich:dataTable>
                                  
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </a4j:form>
        </f:view>
    </body>
</html>